<template lang="pug">
  div#Recruit
    div.top-header
      i.iconfont.icon-fanhui(@click="$router.push('/')")
      span.top-header-title 招聘
    div.status-column
      div.column(v-for="(item) in columnData",@click="toRecruitDetails(item.id)")
        div.user-head 聘
          span.head-text
        div.status-content
          span.user-name {{item.contentTitle}}
          span.content-time {{item.contentTime}}
          div.content-text {{item.contentText}}
</template>
<script>
  export default {
    data() {
      return {
        columnData: [{
          id: '1001',
          contentTitle: '南京某公司招聘java实习生',
          contentTime: '2018-07-06 15:02',
          contentText: '文如其名，书中给我们讲述的都是一篇又一篇的鸡汤文，看完之后只是觉得里面讲述的主人公们都是充满了正能量，大多最后都收获了成功，但是真正能记住的却不多，印象最深刻的一篇就是：别总急着 将生活推翻重来。'
        }]
      }
    },
    methods: {
      toRecruitDetails(id) {
        this.$router.push('/recruitDetails/' + id)
      }
    }
  }
</script>
<style scoped lang="less">
  #Recruit {
    .status-column {
      margin-top: 5px;
      .user-head {
        background: #080c15;
        color: #fff;
        font-size: 16px;
        line-height: 30px;
      }
    }
  }
</style>
